html{
	background: rgb(204, 204, 204);
	overflow: hidden;
}

#config, #finalScore{
	width: 560px;
	float: none; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background: white;
	padding: 20px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: #222 0px 6px 6px;
	-webkit-box-shadow: #222 0px 6px 6px;
}

#config h1, #finalScore h1{
	font-family: Georgia,serif;
	font-size: 30px;
	color: #A6001C;
}
#config h2, #finalScore h2{
	margin-top: 4px;
	font-size: 16px;
	font-style: italic;
	font-family: arial, sans-serif;
	font-weight: normal;
	
	color: #000;
}
#config h3{
	margin-top: 10px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size:16px;
	font-family: arial, sans-serif;
}

#config form{
	margin-top: 20px;
	height: 60%;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#config form label{
	background: #ddd;
	padding-left: 20px;
	padding-right: 20px;
}

canvas{
	border-right: 1px solid white;
}
#score{
	width: 129px;
	float: left;
	display: none;
	padding: 10px;
	padding-top: 10px;
}
#score h1{
	font-family: Georgia,serif;
	font-size: 22px;
	color: #A6001C;
	text-align: center;
}
#score .playerScore{
	margin-top: 15px;
	font-size: 18px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

#countDown{
	height: 100%;
	text-align: center;
	width: 100%;
	display: none; 
	position: static;
}
#countDown div{
	display: table-cell; 
	vertical-align: middle; 
	width: 100%;
	font-size: 500px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}

#finalScore{
	display: none;
}
#finalScore li{
	font-size: 18px;
	font-weight: bold;
	background: #ddd;
	padding: 8px;
}

/* forms.css from the blueprint css framework*/
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
